﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Time Tools - Timer</title>
	<link rel="stylesheet" type="text/css" href="js/kissy/build/cssreset/reset.css" media="all" />
	<link rel="stylesheet" type="text/css" href="style/clock-base.css" media="all" />
	<script src="js/kissy/build/kissy.js"></script>
	<script src="js/curve.js"></script>
	<script src="js/knob.js"></script>
	
	<script src="js/clock.js"></script>
</head>
<body>
	<div id="clock_c" class="clock_c">
		<div class="clock_handle">
			<select id="clock_hour">
				<option value="0">小时</option>
			</select>
			<select id="clock_min">
				<option value="0">分</option>
			</select>
			<div class="knok_container" onselectstart = "return false;" >
				<div class="knok" id="hour_c"></div>
				<div class="knok" id="min_c"></div>
				<div class="tips">滚动设置时间</div>
			</div>
			
		</div>
		<div id="timer_lcd">
			1分15秒
		</div>
		<div class="clock_btn">
			<button class="btn-main" id="timer_btn">Start</button>
		</div>
		<div id="footer">
			Current Browser support: chrome, Firefox
		</div>
	</div>
</body>
</html>